html { 
  padding:0px;
  margin:0px;
}

body{
	padding-top:10px;
/*	background-color:#8df; */
	background-color:#8bb;
	font-size:16px;
	font-family:Arial,Verdana,sans-serif;
}

/* Unique objects ==================================================== */

div#container{
	margin:0px auto;
	padding:0px;
	width:800px;
	background-color:#ffffff;
}

div#wideContainer{
	background-image:url(../images/c3LogoMed.gif);
	text-align:left;
}

div#header{
	height:80px;
	margin:0px;
	background-position:top;
	background:url(../images/header-slice.gif);
	background-color:#333;
	display:block;
	position:relative;
}
div#header a{
	padding:0px;
	margin:0px 5px 0px 5px;
	color:#3187E2;
}

#header #logo{
	width:100px;
	height:80px;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
	background:url(../images/OpspLogo.jpg);
}

#header #title{
	left:110px;
	top:20px;
	margin:0px;
	padding:0px;
	display:block;
	position:absolute;
}

#header #accountInfo{
	position:absolute;
	text-align:right;
	top:0px;
	right:0px;
/*	float:right; */
	padding:5px;
	display:block;
	border:3px solid black;
	background-color:#fff;
}

#header #nav{
	position:absolute;
	font-style:italic;
/*	margin-left:122px;
	padding-top:38px;
*/
	left:110px;
	bottom:0px;
	display:block;
}

#header #corner{
	position:absolute;
	right:0px;
	bottom:0px;
	display:block;

	width:22px;
	height:25px;
	margin:0px;
	padding:0px;
	background:url(../images/corner.jpg);
}

div#content{
	margin:0px;
	padding:0px;
	border-top:1px solid #ddd;
	border-left:3px solid black;
	border-right:3px solid black;
	border-bottom:1px solid #ddd;
	background-color:#ffffff;
/*	text-align:left; */
}

div#message{
	text-align:center;
	font-size:14pt;
	font-weight:bold;
	color:#3187E2;
/*	margin:10px; */
	padding:10px;

}

div#controls {
	float:left;
	width:250px;
	background-color:#fff;
	margin:10px 20px 20px 0px;
	padding:0px;
/*	border-left:3px solid black;
	border-right:3px solid black;
	border-bottom:3px solid black;*/
	border:3px solid black;*/
}
div#controls a{
	margin:0px;
}

div#footer{
	clear:left;
	margin:0px;
	padding:5px 0px 5px 0px;
/*	width:100%; */
	background-color:#ffffff;
	text-align:center;
	border-left:3px solid black;
	border-right:3px solid black;
	border-bottom:3px solid black;
}

img#Logo{
	float:left;
	padding-right:5px;
}

/* Generic text =========================================================== */

h1{	/* Used for the page title and nowhere else */
/*	color:#1B9DFF; */
	color:#fff;
	margin:0px;
	padding:3px;
	font-size:40px;
	line-height:16px;
}
h2{	/* Used for system comments to the user -- especially AJAX responses */
	text-align:center;
	font-size:14pt;
	font-weight:bold;
	color:#3187E2;
}
h3{	/* Used for actionBox headers */
	margin:5px 5px;
}
h4{ /* Used for headers within actionBoxes */
	margin:5px 10px 5px 5px;
}

p{
	margin:10px;
}
td.l{
	text-align:right;
	vertical-align:top;
/*	text-align:top; */
}

a{
	color:#3187E2;
	text-decoration:none;
	font-style:italic;
	margin:2px;
	margin-left:20px;
}
a:hover{
	font-style:italic;
	color:#3187E2;
	border-bottom:2px solid #3187E2;
/*	margin:0px;
	margin-left:20px;*/
}
a.disabled{
	text-decoration:none;
}

/* Modular divs and tables ==================================================== */

div.actionBox{
/*	margin:20px auto; */
	margin:20px 0px 10px 0px;
	padding:10px 50px 10px 50px;
}
div.abHeader{
	border:1px solid #dddddd;
	background-color:#ddd;
}
div.abContents{
	padding:10px 10px 0px 10px;
/*	border-top:1px solid #dddddd; */
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
div.abContents span{
	float:left;
	margin:5px 5px 5px 80px;
	width:100px;
}

div.abFooter{
	padding:5px 20px 5px 0px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	text-align:right;
}

div.contentBox{
/*	width:525px; */
	margin:20px auto;
	border:3px solid black;
	padding:10px;
	background-color:#fff;
}

table.inputTable{
	margin:auto;
}


table.staticTable{
	border:1px solid #fff;
	width:100%;

//	width=100%;
//	margin:auto;
//	padding:0px;
	border-top:1px solid #ddd;	
//	width=100%;
}
table.staticTable tr{
	margin:0px;
	padding:5px;
	border-top:1px solid #ddd;
}
table.staticTable td{
//	padding:5px;
	margin:0px 0px 0px 0px;
	padding:5px;//10px 5px 10px 5px;
	border-bottom:1px solid #ddd;	
}

table.clickTable{
	border:1px solid #3187E2;
	width:100%;
}
table.clickTable tr{
	margin:0px;
	padding:0px;
	border-top:1px solid #ddd;
	cursor:pointer;
	cursor:hand;
}
table.clickTable tr:hover{          
	margin:0px;
	padding:0px;
	background-color:#ddd;
}
table.clickTable td{
	margin:0px 0px 0px 0px;
	padding:5px;
	border:0px;
	border-bottom:1px solid #ddd;
}
table.clickTable a{
	margin:0px;
	padding:0px;
	border:0px;
	color:#222222;
	font-style:normal;
}
table.clickTable a:hover{
	margin:0px;
	border:0px;
	color:#222222;
	font-style:normal;
}

